<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
	<%String aa=request.getContextPath();%>
 	<link rel="stylesheet" type="text/css" href="<%=aa%>/js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=aa%>/js/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=aa%>/js/themes/color.css">
    <script type="text/javascript" src="<%=aa%>/js/jquery.min.js"></script>
    <script type="text/javascript" src="<%=aa%>/js/jquery.easyui.min.js"></script>
    <style type="text/css">
    	#menu  ul li{
    		list-style-type:none;
    		float:left;
    		font-size:20px;
    		color:blue;
    		font-weight: bold;
    	}
    </style>
</head>
<body>
    <div class="easyui-layout" id="layout" style="position:absolute; left:0; top:0;" >		
    	<div data-options="region:'north',split:true" style="height:50px;background:#EAF2FF">
    		<div id="menu" style="margin-left: 10px">
 			<ul>
				<li>系统设置&ensp;&ensp;|</li>
				<li>&ensp;&ensp;建立课程目录&ensp;&ensp;|</li>
				<li>&ensp;&ensp;添加目录资源&ensp;&ensp;|</li>
				<li>&ensp;&ensp;课程学习&ensp;&ensp;|</li>
				<li>&ensp;&ensp;教学资源浏览&ensp;&ensp;</li>
			</ul>   	
    		</div>
    	</div>
        <div data-options="region:'west',split:true" title="课程学习" style="width:165px;">
    <div class="easyui-panel" style="height:100%">
        <ul class="easyui-tree">
            <li>
                <span>量具</span>
                <ul>
                    <li data-options="state:'closed'">
                        <span>游标测量计量器具</span>
                        <ul>
                            <li>游标卡尺</li>
                        </ul>
                    </li>
                    <li>
                        <span>测微计量器具</span>
                        <ul>
                            <li>外径千分尺</li>
                            <li>内侧千分尺</li>
                            <li>三点千分尺</li>
                            <li>深度千分尺</li>
                            <li>螺纹千分尺</li>
                        </ul>
                    </li>
                    <li data-options="state:'closed'">
                    	<span>指示式量具</span>
                    	<ul>
                    		<li></li>
                    		<li></li>
                    	</ul>
                    </li>
                    <li data-options="state:'closed'">
                    	<span>其他量具</span>
                    	<ul>
                    		<li></li>
                    		<li></li>
                    	</ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
 
        </div>
        
        <div data-options="region:'center',title:'&nbsp;系统桌面',iconCls:'icon-man'">
        <iframe src="desktop.jsp"></iframe>
        </div>
		<div data-options="region:'south',split:true" style="height:50px;">
			<div align="center" style="margin-top:15px"><a href="#">版权所有：山东祺瑞升电子有限公司</a></div>
		</div>
    </div>
    <script type="text/javascript">
   		 $('#layout').width($(window).width());
   		 $('#layout').height($(window).height());
    </script>
</body>
</html>